
<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>注册表单</title>
	<script th:src="@{/user/js/jquery.min.js}"></script>
	<script th:src="@{/user/js/common.js}"></script>
	<!--背景图片自动更换-->
	<script th:src="@{/user/js/supersized.3.2.7.min.js}"></script>
	<script th:src="@{/user/js/supersized-init.js}"></script>
	<!--表单验证-->
	<script th:src="@{/user/js/jquery.validate.min.js}"></script>

	<link rel="stylesheet" th:href="@{/user/css/style.css}" />
</head>
<body>

<div class="register-container">
	<h1>注册</h1>
	
	<div class="connect">
		<p>Link the world. Share to world.</p>
	</div>
	<span>[[${msg}]]</span>
	<form th:action="@{/user/reg}" method="post" id="registerForm">
		<div>
			<input type="text" name="userName" class="username" placeholder="您的用户名" autocomplete="off"/>
		</div>
		<div>
			<input type="password" name="userPwd" class="password" placeholder="输入密码" oncontextmenu="return false" onpaste="return false" />
		</div>
		<div>
			<input type="password" name="confirm_password" class="confirm_password" placeholder="再次输入密码" oncontextmenu="return false" onpaste="return false" />
		</div>
		<div>
			<input type="text" name="userPhone" class="phone_number" placeholder="输入手机号码" autocomplete="off" id="number"/>
		</div>
		<div>
			<input type="email" name="userEmail" class="email" placeholder="输入邮箱地址" oncontextmenu="return false" onpaste="return false" />
		</div>

		<button id="submit" type="submit">注 册</button>
	</form>
	<a th:href="@{/user/tologin}">
		<button type="button" class="register-tis">已经有账号？</button>
	</a>

</div>
</body>
</html>